// 1. 点击"首页"跳转到index
$('a:contains("首页")').on('click',function(){
  location.href = './index.html'
})

// 2. 获取文章列表数据 并渲染
// 2.1 请求参数
let data = {
  pagenum:1,//当前页码值
  pagesize:3,//当前每页显示多少条数据
};
// 2.2 调用文章列表端口
//   function getArticalList(){
//     $.ajax({
//     url:'api/articles',
//     data,
//     success:function(res){
//       console.log(res);
//       if(res.status == 1 ){
//         return layer.msg('没有更多数据了')
//       }
//       $('.kr_more').before(template('tpl_atc',res));
//     }
//   })
// }
// getArticalList();

// // 3. 点击\加载
// console.log($('.kr_more a'));
// $('#lo').on('click',function(){
//   data.pagenum += 1;
//   getArticalList()
// })

let flow = layui.flow;
  layui.use('flow',function(){
    flow.load({
      elem:'.kr_more',//指定容器
      end:'没有更多数据了',//用于显示末页内容
      mb:400,
      done:function(page,next){
        data.pagenum = page //
        let lis = [];
        $.ajax({
              url:'api/articles',
              data,
              success:function(res){
                console.log(res);
                // if(res.status == 1 ){
                //   return layer.msg('没有更多数据了')
                // }
                layui.each(res.data, function(index, item){
  
                  lis.push(
                    '<div class="item" ><h4><a style="width: auto;border: none;color:black; font-size:20px;" href="./detail.html?id='
                    +item.id+'">'+item.title
                    +'</a></h4><p class="meta"><span>15分钟前 分享至</span><a href="javascript:;" class="wechat" style="border: none;"></a><a href="javascript:;" class="weibo" style="border: none;"></a></p><p class="brief">'
                    +item.content
                    +'</p></div>'
                  );
                }); 
                console.log(page);

                next(lis.join(''), page <( res.total/data.pagesize)); 
                
              }
            })
          }
        })
      })

